<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>魔镜</title>

<link rel="stylesheet" type="text/css" href="resources/icon/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="resources/css/index.css">

<script type="text/javascript" src="resources/js/jquery/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="resources/js/common/dateUtils.js"></script>
<script type="text/javascript" src="resources/js/common/lunarCalendar.js"></script>
<script type="text/javascript" src="resources/js/index.js"></script>

</head>
<body class="body">
	<div id="container" class="container">
		<div id="top" class="top">
			<div class="datetime">
				<div class="date">
					<span id="date"></span><span id="week" class="week"></span>
				</div>

				<div class="time">
					<span id="hours" class="hours"></span> <span id="second" class="second"></span>
				</div>

				<div class="lunarCalendar">
					<span id="lunarCalendar"></span>
				</div>
			</div>

			<div id="life" class="life">
				<div id="weather" class="weather">
					<!-- 					<span id="weatherInfo" class="weatherInfo">今日天气预报</span> -->
					<div id="weatherData" class="weatherData"></div>
				</div>

				<div id="liveIndex" class="liveIndex"></div>
			</div>
		</div>
		<div id="center" class="center"></div>
		<div id="foot" class="foot"></div>
	</div>
</body>

<script type="text/javascript">
	$(document).ready(function() {
		getHight();
		showTime();
		getLocalWeather();

		setInterval(function() {
			showTime();
		}, 1000);

		setInterval(function() {
			getLocalWeather();
		}, 1000 * 60 * 5);
	});
</script>

</html>